'use strict';

var ixbt_tv = ixbt_tv || {};

ixbt_tv = {
    /**
     * Глобальные переменные и функции приложения     
     */
    params: {
        // откуда получать данные для плеера
        url_json: function(){
            return '//ixbt.video/export/ixbt.json'
        },

        // вернуть урл с префиксом идентификатора видео
        url_video_prefix: function(id){
            return 'http://www.ixbt.video/embed/'+id+'.html'
        },

        // селектор видеоблока
        selector: null,

        // текущий слайд
        current_slide: null,

        // задать текущий слайд
        current_slide_set: function(num){
            this.current_slide = num;
        },

        // общее количество слайдов
        total_slides: null,

        // интервал смены слайдов
        interval: null,

        // куки
        cookies : {
            rotation: 'pw_autoscroll',  // автоскролл - 1 || 0
            size: 'pw_size'             // размер фрэйма - 1 || 0. 1 - большой
        },

        // куки - геттер
        getCookies: function(string){
            return $.cookie(string) || undefined;
        },

        // куки - сеттер. 0 || 1
        setCookies: function(string, status){
            $.cookie(string, status, {path: '/', expires: 365});
        }
    },

    /**
     * Получить данные аяксом с роликами и пр
     * @param  {Function} callback [коллбэк от запроса]
     * @return {[type]}            [объект]
     */
    getData: function(callback, fail){
        return $.ajax({
            url: ixbt_tv.params.url_json(),
            type: 'GET',
            dataType: 'json',
            cache: false,
            error: fail,
            success: callback
        });    
    },

    /**
     * Ошибка
     * @param  {[type]} err [description]
     * @return {[type]}     [description]
     */
    dataFail: function(err){
        console.log('Ошибка доступа к данным. Ответ сервера:');
        console.log(err.responseText);
    },

    /**
     * Спарсить данные, полученные от сервера
     * @param  {[type]} o [объект]
     * @return null
     */
    parseData: function(o){
        var i = 0,
            items = '',
            list
        ;         

        ixbt_tv.params.selector
            .append('<a class="rotation'+ (ixbt_tv.params.getCookies(ixbt_tv.params.cookies.rotation) === '1' ? ' on' : '') +'" href="#"></a>')
            .append('<p class="title">iXBT TV</p>')
        ;

        for (i = 0; o.length > i; i++) {            
            items += '<li class="item '+ (i === 0 ? 'active' : '') +'" data-num="'+i+'" data-videoid="'+o[i].id+'" style="display: '+ (i === 0 ? 'block' : 'none') +';">'+
                        '<div class="item-image"><img src="'+o[i].img+'" alt=""/></div>'+
                        '<p>'+o[i].name+'</p>'+
                     '</li>';
        };

        ixbt_tv.params.total_slides = i;
        ixbt_tv.params.current_slide = 0;

        list = $('<div class="list-block">').append($('<ul class="list">').append(items)).appendTo(ixbt_tv.params.selector);

        ixbt_tv.buildNav(list);
    },

    /**
     * Построить стрелочке, 2 штуки
     * @param  {[type]} list [список со слайдами]
     * @return null
     */
    buildNav: function(list){
        var i = 0,
            nav_class = ['left', 'right'],
            nav_block = $('<div class="nav-block">').appendTo(list);
        ;

        for (i = 0; nav_class.length > i; i++) {
            $('<a/>')
                .attr('href', '#')
                .attr('class', 'nav ' + nav_class[i])
                    .appendTo(nav_block);
        };

        this.setHandlers(list.find('.list'), nav_block.find('a'));        
    },

    /**
     * Повесить хэндлеры 
     * @param {[type]} list  [список со слайдами]
     * @param {[type]} links [навигация - влево/вправо]
     */
    setHandlers: function(list, navs){     
        /** Открутить на другой слайд */
        function slideTo(num) {
            var current;

            ixbt_tv.params.current_slide = num < 0 ? ixbt_tv.params.total_slides-1 : (num > ixbt_tv.params.total_slides-1 ? 0 : num);
            
            current = list.find('li[data-num="'+ixbt_tv.params.current_slide+'"]');

            list
                .stop()
                .animate({left: -(current.position().left)}, 500)
                .find(current)
                    .addClass('active')
                    .siblings()
                        .removeClass('active');
        };

        function clearSlideInterval() {
            clearInterval(ixbt_tv.params.interval);
        };

        function setSlideInterval() {
            ixbt_tv.params.interval = setInterval(function(){
                slideTo(++ixbt_tv.params.current_slide);
            }, 2500);
        };

        function setSliderStatement () {
            ixbt_tv.params.getCookies(ixbt_tv.params.cookies.rotation) === '1' ? setSlideInterval() : clearSlideInterval();
        }

        setSliderStatement();

        /** Задать размеры контейнера с видео */
        function containerSize(items) {
            var it = items.find('li'),
                w = it.eq(0).width(),
                i = 0;

            for (i = 0; it.length > i; i++) {
                $(it[i])
                    .width(w)
                    .css('display', 'block');
            };

            return w * ixbt_tv.params.total_slides;
        };

        navs
            .on('click', function(e){
                e.preventDefault();

                var t = $(this),
                    num = ixbt_tv.params.current_slide;

                t.hasClass('left') ? slideTo(--num) : slideTo(++num);
            });

        list
            .parent()
                .on('mouseenter', function(){
                    clearSlideInterval();          
                })
                .on('mouseleave', function(){
                    setSliderStatement();
                })
            .parent()                        
            .find('.rotation')
                .on('click', function (e){
                    e.preventDefault();

                    var t = $(this),
                        s = ixbt_tv.params.getCookies(ixbt_tv.params.cookies.rotation);

                    if (s === '1') {
                        ixbt_tv.params.setCookies(ixbt_tv.params.cookies.rotation, 0);
                        clearSlideInterval();
                    } else {
                        ixbt_tv.params.setCookies(ixbt_tv.params.cookies.rotation, 1);
                        setSlideInterval();
                    }

                    t.toggleClass('on');
                })
            .parent()
            .find('li')
                .on('click', function(){
                    var t = $(this);
                    ixbt_tv.buildPopup(t.data().videoid, t.find('p').text());
                })
            .find('img:last')
                .on('load', function(){
                    list.width(containerSize(list)+'px');
                });

    },

    /**
     * Построить попап с видео
     * @param  {[type]} video_id [идентификатор видео]
     * @return null
     */
    buildPopup: function(video_id, title){
        function buildSizeButton () {            
            var size = ixbt_tv.params.getCookies(ixbt_tv.params.cookies.size) === '1' ? ['big', 'Уменьшить размер'] : ['small', 'Увеличить размер'];
            return '<a href="#" class="setSize '+size[0]+'">'+size[1]+'</a>';            
        };

        var popup = $('<div class="b-ixbt_tv--popup" />'),
            cont = $('<div class="container'+ (ixbt_tv.params.getCookies(ixbt_tv.params.cookies.size) === '1' ? ' big' : '') +'" />'),
            paranja = $('<div class="paranja" />');

            popup.prependTo('body');
            cont.appendTo(popup);
            paranja.appendTo(popup);

        $('<div class="close"></div>'+
          '<div class="frame">'+
              '<iframe width="1080" height="610" src="'+ ixbt_tv.params.url_video_prefix(video_id) +'" frameborder="0" allowfullscreen></iframe>'+
          '</div>'+
          buildSizeButton()+           
          '<a target="_blank" href="http://www.ixbt.video/'+video_id+'.html">Обсудить на iXBT.video</a>'+          
          '').appendTo(cont);

        console.log(video_id);

        cont
            .find('.close')
                .on('click', function(){
                    $(this).closest('.b-ixbt_tv--popup').remove();
                })
            .parent()
            .find('.setSize')
                .on('click', function (e){
                    e.preventDefault();

                    var t = $(this);

                    if (ixbt_tv.params.getCookies(ixbt_tv.params.cookies.size) === '1') {
                        ixbt_tv.params.setCookies(ixbt_tv.params.cookies.size, 0);
                        cont.removeClass('big');
                        t.removeClass('big').addClass('small').text('Увеличить размер');
                    } else {
                        ixbt_tv.params.setCookies(ixbt_tv.params.cookies.size, 1);
                        cont.addClass('big');
                        t.addClass('big').removeClass('small').text('Уменьшить размер');
                    };
                })
        ;
    },
    
    /**
     * Поехали!
     * @param  {[type]} selector [селектор видеоплеера]
     * @return null
     */
    go: function(selector){
        this.params.selector = $(selector);

        ixbt_tv.params.getCookies(ixbt_tv.params.cookies.rotation) === null || ixbt_tv.params.getCookies(ixbt_tv.params.cookies.rotation) === undefined ? ixbt_tv.params.setCookies(ixbt_tv.params.cookies.rotation, 1) : '';
        ixbt_tv.params.getCookies(ixbt_tv.params.cookies.size) === null || ixbt_tv.params.getCookies(ixbt_tv.params.cookies.size) === undefined ? ixbt_tv.params.setCookies(ixbt_tv.params.cookies.size, 1) : '';

        this.getData(this.parseData, this.dataFail);
    }
};